<template>
    <div>
        <ul>
            <li v-for="obj in arr" :key="obj.id">
                {{ obj.id }}
                <input type="text" v-model="obj.name">
            </li>
        </ul>
        <button @click="btn">下标1位置插入新来的</button>
    </div>
</template>


<script>

export default {

    data() {
        return {
            arr: [
                { id: 1, name: '张三' },
                { id: 2, name: '李四' },
                { id: 3, name: '王五' },
                { id: 4, name: '赵六' },
                { id: 5, name: '田七' }
            ]
        }
    },
    methods: {
        btn() {
            // 1. 直接插入
            this.arr.splice(1, 0, { id: 19, name: '新来的' })
        }
    }

}

</script>


<style scoped></style>